<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <%@ include file="/commons/meta.jsp"%>
<title>BeginCode,初学者论坛，begincode,BeginCode</title>
<!-- Bootstrap -->
<link  media="screen" href="${ctx}/css/bootstrap.css" rel="stylesheet">
 <script src="${ctx}/js/jquery.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <style type="text/css">

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px
}

.bs-callout p:last-child {
	margin-bottom: 0
}

.bs-callout code {
	border-radius: 3px
}

.bs-callout+.bs-callout {
	margin-top: -5px
}

.bs-callout-danger {
	border-left-color: #d9534f
}

.bs-callout-danger h4 {
	color: #d9534f
}

.bs-callout-warning {
	border-left-color: #f0ad4e
}

.bs-callout-warning h4 {
	color: #f0ad4e
}

.bs-callout-info {
	border-left-color: #5bc0de
}

.bs-callout-info h4 {
	color: #5bc0de
}
.bs-docs-header {
	position: relative;
	padding: 30px 15px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	background-color: #3071a9;
	background-repeat: repeat-x;
}

.bs-docs-header {
	margin-bottom: 40px;
	font-size: 20px
}

.bs-docs-header p {
	margin-bottom: 0;
	font-weight: 300;
	line-height: 1.4;
}

.bs-docs-header .container {
	position: relative;
}
.container h1 {
	margin-top: 0;
	color: #fff;
	text-align: left;
	font-weight:bold;
}
.container h3 {
	margin-top: 0;
	color: #fff;
	text-align: left;
	font-weight:bold;
}
.container h4 {
	margin-top: 0;
	color: #fff;
	text-align: left;
	font-weight:bold;
}
.container p {
	text-align: left;
}
.bs-docs-footer {
	margin-top: 0;
	border-top: 0
}

.bs-docs-footer {
	padding-top: 40px;
	padding-bottom: 20px;
	color: #777;
	text-align: center;
	border-top: 1px solid #e5e5e5
}

.bs-docs-footer-links {
	padding-left: 0;
	margin-top: 20px;
	color: #999
}

.bs-docs-footer-links li {
	display: inline;
	padding: 0 2px
}

.bs-docs-footer-links li:first-child {
	padding-left: 0
}

@media (min-width:768px) {
	.bs-docs-footer p {
		margin-bottom: 0;
		text-align: center;
	}
}


</style>
</head>
<body>
	<jsp:include  page="top.jsp"/>
 <div class="bs-docs-header" id="content"  style="margin-bottom:20px;">
      <div class="container">
					<h3>专注开发过程、逐步深入、常用demo、简单案例</h3>
					希望我们的努力能够助你成就开发之路，你的支持是我们的最大动力
      </div>
    </div>
 

	<div class="container .col-xs-" >
		<c:if test="${blogShow ne null }">
		<div class="row">
			<div class="col-md-12">
				<div class="media" style=" border-color: #f3485a; border-bottom:2px solid red;margin-bottom:10px;">
				  <a class="media-left" href="#">
				    <img src="http://123.57.17.244:81/image/iconsavepath/${blogShow.pic}" alt="${blogShow.bc_user_name}" style="width:70px; ">
				  </a>
				  <div class="media-body">
				    <h3 class="media-heading" style="color:red">博客秀：${blogShow.blog_title}</h3>
				    <p>
				   	 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="${ctx}/blog/selBlogView/${blogShow.bc_blog_id}.html"	 target="_blank" >${blogShow.blog_abstract}</a>
				  	</p>
				  </div>
				</div>
			</div>
		</div>
		</c:if>
		<div class="row">
			<div class="col-md-12">
				<div class="row">
				<!-- 
					<div class="col-md-4">
						<div class="list-group">
							<a href="#" class="list-group-item active"> 推荐教程 </a> 
								
							  <c:forEach items="${courses }" var="course">
									<a href="#"	class="list-group-item">${course.course_name }</a>
								</c:forEach>
						</div>
					</div>
				 -->
					<div class="col-md-4">
						<div class="list-group">
							<a href="#" class="list-group-item active">Java-web最新章节 </a>
							 <c:forEach items="${jwebchapters }" var="jwebchapter">
									<a href="${ctx}/chapter/viewChapter/${jwebchapter.course_chapter_id}.html" target="_blank"	class="list-group-item">${jwebchapter.chapter_title }</a>
								</c:forEach>
						</div>
					</div>
					<div class="col-md-4">
						<div class="list-group">
							<a href="#" class="list-group-item active"> 最新博文 </a>
							 <c:forEach items="${blogs }" var="blog">
									<a href="${ctx}/blog/selBlogView/${blog.bc_blog_id}.html"	 target="_blank"	class="list-group-item">${blog.blog_title }</a>
								</c:forEach>
						</div>
					</div>
					<div class="col-md-4">
						<div class="list-group">
							<a href="#" class="list-group-item active">数据库基础 </a>
							 <c:forEach items="${dbchapters }" var="dbchapter">
									<a href="${ctx}/chapter/viewChapter/${dbchapter.course_chapter_id}.html" target="_blank"		class="list-group-item">${dbchapter.chapter_title }</a>
								</c:forEach>
						</div>
					</div>
				</div>
				 
				<div class="row">
					<div class="col-md-12">
					 <div class="bs-docs-header" id="content"  style="margin-bottom:20px;background-color: #666699">
				      <div class="container">
									分享:分享我们的知识;专注:专注个人技术的提升;支持：有你们的支持是我们前进的动力
				      </div>
				    </div>
					</div>
				</div> 
				<div class="row">
					<div class="col-md-4">
						<div class="list-group">
							<a href="#" class="list-group-item active"> 开发工具</a>
									<c:forEach items="${tools }" var="tool">
									<a href="${ctx}/down/viewDown/${tool.bc_down_id}.html" target="_blank"		class="list-group-item">${tool.down_name }</a>
									</c:forEach>
									
						</div>
					</div>
					
					<div class="col-md-4">
						<div class="list-group">
							<a href="#" class="list-group-item active"> 组件、框架 </a>
							 <c:forEach items="${frames }" var="frame">
									<a onclick="countadd()" href="${ctx}/down/viewDown/${frame.bc_down_id}.html" target="_blank"		class="list-group-item">${frame.down_name }</a>
							 </c:forEach>
							
						</div>
					</div>		
					<div class="col-md-4">
						<div class="list-group">
						<a href="#" class="list-group-item active"> 源代码 </a>
							 <c:forEach items="${codes }" var="code">
									<a href="${ctx}/code/viewCode/${code.bc_code_id}.html" target="_blank"		class="list-group-item">${code.code_info }</a>
								</c:forEach>	
						 </div>
					</div>		
				</div>
				  <hr style="border:none;border-top:2px solid #3071a9; height:0;" />
				  
			
				<div class="row">
					<div class="col-md-12">
						<div class="list-group">
							<a href="#" class="list-group-item active"> 项目专区：分享我们做的"小玩意"</a>
									<c:forEach items="${proStages }" var="proStage">
									<a href="${ctx}/project/viewProStage/${proStage.project_stage_id}.html" target="_blank"		class="list-group-item">${proStage.stage_name }</a>
									</c:forEach>
									
						</div>
					</div>
				</div>
				
				</div>
				
			</div>
			</div>
 <jsp:include page="foot.jsp"></jsp:include>
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	 
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="${ctx}/js/bootstrap.min.js"></script>
</body>
</html>
